// 获取 ID
const id = window.location.pathname.split("/").pop();

// 获取表单
const form = document.querySelector("form");

// 获取所有的 input
const inputs = document.querySelectorAll(`input[type="text"]`);

// 提交数据
form.addEventListener("submit", (e) => {
  // 阻止默认行为
  e.preventDefault();

  // 判断是否都有内容
  if (
    inputs[0].value.trim() !== "" &&
    inputs[1].value.trim() !== "" &&
    inputs[2].value.trim() !== "" &&
    inputs[3].value.trim() !== ""
  ) {
    // 创建一个学生对象
    const student = {
      studentName: inputs[0].value.trim(),
      studentAge: Number(inputs[1].value.trim()),
      enrollmentTime: inputs[2].value.trim(),
      classRoom: inputs[3].value.trim(),
    };

    // 异步请求
    setTimeout(() => {
      fetch("/student/" + id, {
        method: "PUT",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(student),
      })
        .then((response) => {
          if (response.status === 200) {
            // 提示修改成功
            // alert("修改成功！");
            // 跳转到首页
            location.href = "/student";
          } else {
            console.error(response.status);
          }
        })
        .catch((error) => {
          console.error(error);
        });
    }, 100);
  } else {
    // 提示输入内容
    alert("请输入内容~");
  }
});
